<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Hello World</title>
    <script type="text/javascript" src="vue.js"></script>
</head>

<body>
    <div id="app">
        {{con}}
    </div>
    <script type="text/javascript">
    // var app =document.getElementById("app");
    // app.innerHTML="Hello World";

    // setTimeout(function  () {
    //   app.innerHTML="Hello World zsk";
    // }, 3000)
    // 首先创建一个vue实例，el：表示实例负责管理的区域
    // data：定义数据
    // 不需要考虑dom操作，只需改变数据即可

    var app = new Vue({
        el: "#app",
        data: {
            con: "Hello World1DFDF"
        }
    });
    setTimeout(function() {
        console.log(app.$data);
        app.$data.con = "bey world"
    }, 3000)
    </script>
</body>
</html